﻿@model GPS.ENTITYS.ViewModelDetailKH_HV
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Chi Tiết Học Viên";
}
<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>
<div class="modal-header fdb-panel-header-10">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 class="modal-title" id="myModalLabel">Danh sách học viên</h5>
</div>
@using (Html.BeginForm("Detail", "GPS_QuanLyBaoCaoI", FormMethod.Get))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <div id="tabs">
        <div id="tabs-1">
            @Html.Hidden("IsEdit", 0)
            <div class="row">
                <fieldset class="fs_body">
                    <legend class="head_title">Danh sách học viên báo cáo 1</legend>
                    @*<div class="row margin-top-05">
                        <div class="divbtnFielset">
                            <div style="float: right;">
                                <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                            </div>
                        </div>
                    </div>*@
                    <div class="row margin-top-05">
                        <table class="table table-striped table-hover table-bordered table-condensed">
                            <tr>
                                <th>
                                    STT
                                </th>
                                <th>
                                    Khóa học
                                </th>
                                <th>
                                    STT KH
                                </th>
                                <th>
                                    Họ và tên
                                </th>
                                <th>
                                    Ngày sinh
                                </th>
                                <th>
                                    Giới tính
                                </th>
                                <th>
                                    Số CMTND
                                </th>
                                <th>
                                    Hộ khẩu
                                </th>

                                <th>
                                    Hạng đào tạo
                                </th>

                                <th>
                                    GP lái xe đã có
                                </th>
                            </tr>
                            @{
    if (Model.SearchResults != null)
    {
        foreach (var item in Model.SearchResults)
        {
            <tr>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.STT)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.KH_TEN)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.STT_ORDER_KH)
                </td>

                <td align="left">
                    @Html.DisplayFor(modelItem => item.HV_HOTEN)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.HV_NGAYSINH)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.HV_GIOITINH)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.HV_SOCMT)
                </td>
                <td align="left">
                    @Html.DisplayFor(modelItem => item.HV_NOICT)
                </td>

                <td align="center">
                    @Html.DisplayFor(modelItem => item.HV_HANGDT_MA)
                </td>
                <td align="center">
                    @Html.DisplayFor(modelItem => item.HV_HS_DVGTVT_MA_GPLXDACO)
                </td>
            </tr>
        }
    }
                            }

                        </table>
                    </div>

                    <div class="row margin-top-05">
                        <div class="pagination-sm">
                            @Html.PagedListPager(Model.SearchResults, page => Url.Action("Detail", new
   {
       page
   }))
                        </div>
                    </div>
                </fieldset>

                <div class="row Action_FormDetail">
                    <button class="btn btn-primary btn-sm" type="button" data-dismiss="modal">Hủy bỏ</button>
                </div>
            </div>
        </div>
    </div>
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>

<script type="text/javascript">
    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>
<script type="text/javascript">
    $("#HV_NGAYSINH").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#HV_NGAYCAPCMT").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });


    $("#HV_NGAYSINH").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#HV_NGAYCAPCMT").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>

@Styles.Render("~/Content/themes/base/css")


